<template>
<el-row>
  <div  class="center">水电标语</div>
  <el-col :span="12">
  
  <div class="body">
    <span>{{drip}}</span>
    </div>
  </el-col>
   <el-col :span="12">
    <img src="../assets/dishui.png"/>
 </el-col>
</el-row>
  <!-- <div class="s">
  <div  class="center">水电标语</div>
  <div class="body"><span>{{drip}}</span></div>
  <div class="rigth">
    <img src="../assets/dishui.png"/>
  </div>
  </div> -->
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'
export default {
  name: 'index',
  components: {
    HelloWorld
  },
  data(){
    return{
      drip:"1.水是生命的源泉电是光明的使者.2.保护水资源，造福千万代节约一度电，光明在明天。3.节约用水，从我做起节约用电，匹夫有责。4. 节约用水、造福人类，利在当代、功在千秋。5. 节约水电，保护人类难得的资源"
    }
  }
}
</script>
<style>
.body{
  margin-top: 15%;
  /* border: 1px solid; */
  font-size: 18px;
  float: left;
  width: 30%;
  margin-left: 30px;
}
.rigth{
  margin-top: 50px;
  float: right;
}
img{
  margin-top: 60px;
  width: 500px;
  height: 300px;
}
.s{
  width: 100%;
}
.center{
  text-align: center;
  font-size: 24px;
  align-content: center;
  margin: auto 0px;
  font-weight: 900;
}
</style>